<template>
    <div>
        <a-space wrap>
           <a-button v-permission="[useStore.userState().permissions, 1001]" type="primary">只有超管可以看见这个button</a-button>

           <a-select
           v-model:value="selectIcons"
           style="width: 200px"
           placeholder="请选择图标">
                <template v-for="(key, value) in icons" :key="key">
                    <template v-if="value!='createFromIconfontCN' && value!='defalut' && value!='getTwoToneColor' && value!='setTwoToneColor'">
                        <a-select-option :value="value">
                            <component :is="value"></component><span class="ml5">{{value}}</span>
                        </a-select-option>
                    </template>
                </template>
           </a-select>
        </a-space>
    </div>
</template>

<script setup>
import * as icons from '@ant-design/icons-vue'
const selectIcons = ref("AlertTowTone")


</script>